import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3
import QtQuick.Controls.Material 2.0

RowLayout {
    spacing: 0

    property alias musicBrowser: musicBrowser
    property alias playControl: playControl
    property alias playInfomation: playInfomation

    Pane {
        Layout.preferredWidth: 480
        Layout.fillHeight: true
        Material.elevation: 6
        Material.background: Material.Cyan

        MusicBrowser {
            id: musicBrowser
            anchors.fill: parent
        }
    }

    ColumnLayout {
        id: columnLayout
        spacing: 0

        Layout.fillWidth: true
        Layout.fillHeight: true

        Pane {
            Layout.fillWidth: true
            Layout.fillHeight: true
            Material.foreground: Material.Cyan
            Material.background: Material.color(Material.Cyan, Material.Shade50)

            MusicInfomation {
                id: playInfomation
                anchors.fill: parent
            }
        }

        Pane {
            Layout.preferredHeight: 120
            Layout.fillWidth: true
            Material.elevation: 3

            MusicControl {
                id: playControl
                anchors.centerIn: parent
            }
        }
    }
}
